<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>请假条申请系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<div class="container-sm">
    <h1>计算机与信息工程学院学生请假凭条</h1>

    <div class="container-fluid border was-validated">
        <form action="/management_java_war_exploded/Leave" method="post">
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入姓名" name="name" required>
                    <div class="valid-feedback">有效的姓名。</div>
                    <div class="invalid-feedback">请填姓名。</div>
                </div>
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入学号" name="学号" required>
                    <div class="valid-feedback">有效的学号。</div>
                    <div class="invalid-feedback">请填写学号。</div>
                </div>
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入性别" name="性别" required>
                    <div class="valid-feedback">有效的性别。</div>
                    <div class="invalid-feedback">请填写性别。</div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入联系电话" name="联系电话" required>
                    <div class="valid-feedback">有效的电话。</div>
                    <div class="invalid-feedback">请填写电话。</div>
                </div>
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入年级专业班级" name="年级专业班级" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请填写此字段。</div>
                </div>
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入宿舍" name="宿舍" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请填写此字段。</div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入请假时间起止年月日时" name="请假时间" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请填写此字段。</div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入请假事由" name="请假事由" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请填写此字段。</div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请输入销假时间" name="销假时间" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请填写此字段。</div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="text" class="form-control" placeholder="请假人签字" name="请假人签字" required>
                    <div class="valid-feedback">有效的。</div>
                    <div class="invalid-feedback">请签字。</div>
                </div>
            </div>
            <button type="submit" class="btn btn-outline-scceuss" id="submit">提交</button>
            <button type="button" class="btn btn-outline-dark">删除</button>
        </form>
    </div>
</div>
<script>
    var button = document.getElementById("submit")
</script>
</body>
</html>
